.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col {
  position: relative;
  display: block;
}

.col-50 {
  width: 50%;
}

.col-25 {
  width: 25%;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.t-top {
  vertical-align: top;
}

.c-red {
  color: #d5122c !important;
}

.c-gray {
  color: #666 !important;
}

.c-green {
  color: #00b250;
}

.c-yellow {
  color: #ffc600;
}

.no-wrap {
  white-space: nowrap;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

label {
  margin: 0;
  font-weight: normal;
}

.label {
  font-weight: normal;
}

.panel {
  border: none;
}

.input-group {
  display: block;
}

.btn {
  padding: 0;
}

.img-responsive {
  display: block;
  width: 100%;
}

.icon {
  display: inline-block;
}

.icon-sprite, .icon-func1-r, .icon-func1, .icon-func2-r, .icon-func2, .icon-func3-r, .icon-func3, .icon-func4-r, .icon-func4, .icon-func5-r, .icon-func5, .icon-func6-r, .icon-func6, .icon-func7-r, .icon-func7, .icon-func8-r, .icon-func8, .icon-play-red, .icon-scard1, .icon-scard2, .icon-scard3, .icon-scard4, .icon-scard5, .icon-scard6, .icon-zhlogo {
  background-image: url('../images/icon-sa12797b98c.png');
  background-repeat: no-repeat;
}

.icon-func1-r {
  background-position: 0 0;
  height: 70px;
  width: 100px;
}

.icon-func1 {
  background-position: 0 -70px;
  height: 70px;
  width: 100px;
}

.icon-func2-r {
  background-position: 0 -140px;
  height: 70px;
  width: 100px;
}

.icon-func2 {
  background-position: 0 -210px;
  height: 70px;
  width: 100px;
}

.icon-func3-r {
  background-position: 0 -280px;
  height: 70px;
  width: 100px;
}

.icon-func3 {
  background-position: 0 -350px;
  height: 70px;
  width: 100px;
}

.icon-func4-r {
  background-position: 0 -420px;
  height: 70px;
  width: 100px;
}

.icon-func4 {
  background-position: 0 -490px;
  height: 70px;
  width: 100px;
}

.icon-func5-r {
  background-position: 0 -560px;
  height: 70px;
  width: 100px;
}

.icon-func5 {
  background-position: 0 -630px;
  height: 70px;
  width: 100px;
}

.icon-func6-r {
  background-position: 0 -700px;
  height: 70px;
  width: 100px;
}

.icon-func6 {
  background-position: 0 -770px;
  height: 70px;
  width: 100px;
}

.icon-func7-r {
  background-position: 0 -840px;
  height: 70px;
  width: 100px;
}

.icon-func7 {
  background-position: 0 -910px;
  height: 70px;
  width: 100px;
}

.icon-func8-r {
  background-position: 0 -980px;
  height: 70px;
  width: 100px;
}

.icon-func8 {
  background-position: 0 -1050px;
  height: 70px;
  width: 100px;
}

.icon-play-red {
  background-position: 0 -1120px;
  height: 88px;
  width: 89px;
}

.icon-scard1 {
  background-position: 0 -1208px;
  height: 80px;
  width: 100px;
}

.icon-scard2 {
  background-position: 0 -1288px;
  height: 80px;
  width: 100px;
}

.icon-scard3 {
  background-position: 0 -1368px;
  height: 80px;
  width: 100px;
}

.icon-scard4 {
  background-position: 0 -1448px;
  height: 80px;
  width: 100px;
}

.icon-scard5 {
  background-position: 0 -1528px;
  height: 80px;
  width: 100px;
}

.icon-scard6 {
  background-position: 0 -1608px;
  height: 80px;
  width: 100px;
}

.icon-zhlogo {
  background-position: 0 -1688px;
  height: 51px;
  width: 68px;
}

@media (max-width: 767px) {
  .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.anchor-link {
  z-index: -1;
  opacity: 0;
  display: block;
  position: absolute;
  width: 100%;
  top: -5%;
}
.box-bg {
  position: relative;
  display: block;
  width: 100%;
  height:0;
  background-size:cover;
}

@media (max-width: 992px) {
  .top-cover {
    display: none !important;
  }
}

.iconfont {
  font-weight: 500 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.body-w {
  background: #fff;
}

.pc-show {
  display: block !important;
}
@media (max-width: 767px) {
  .pc-show {
    display: none !important;
  }
}

.mobile-show {
  display: none !important;
}
@media (max-width: 767px) {
  .mobile-show {
    display: block !important;
  }
}

.noscroll {
  height: 100%;
  overflow: hidden;
}

body {
  overflow: hidden;
}
.navigation {
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%; 
  background:#FFF;  
  -webkit-transform: translateZ(0);
}
.navigation .nav-top {
  background: #d5122c;
}
.navigation .about-list {
  position: relative;
  float: right;
  font-size: 0;
}
.navigation .about-list .nav-master-a {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 46px;
  line-height: 46px;
  font-size: 12px;
  color: #ffc7ce;
  text-align: center;
}
.navigation .about-list .nav-master-a .iconfont {
  display: none;
  position: absolute;
  bottom: -1px;
  left: 50%;
  font-size: 12px;
  line-height: 1;
  margin-left: -6px;
  color: #fff;
}
.navigation .about-list .nav-master {
  position: relative;
}
.navigation .about-list .nav-master.active .nav-master-a, .navigation .about-list .nav-master.hover .nav-master-a {
  color: #fff;
}
.navigation .about-list .nav-master.active .nav-master-a .iconfont, .navigation .about-list .nav-master.hover .nav-master-a .iconfont {
  display: inline-block;
}
.navigation .about-list .nav-master.nobg .nav-master-a {
  color: #ffc7ce;
}
.navigation .about-list .nav-master.nobg .nav-master-a .iconfont {
  display: none;
}
.navigation .about-list .line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 30px;
  background: #fff;
}
.navigation .sub-nav {
  z-index: 10;
  position: absolute;
  width: 100%;
  left: 0;
  top: 120px;
  background-color:rgba(6,81,164,0.5); 
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navigation .sub-nav li {
  border-top: 1px solid #c3d4e6;
}
.navigation .sub-nav li:first-child { border-top: none;}
@media (max-width: 992px) {
  .navigation .sub-nav li {
    border: none;
  }
}
.navigation .sub-nav a {
  display: block;
  font-size: 12px;
  color: #FFF;
  line-height: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.navigation .sub-nav a:hover {
  color: #0651a4;
  background:#FFF;
}
.navigation .sub-nav.nav-show {
  display: block;
  position: relative;
  visibility: visible;
  opacity: 1;
  top: 0;
  border: none;
  background: #f0f0f0;
  height: auto;
}
.navigation .nav-master:hover .sub-nav {
  top:103px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 992px) {
  .navigation .nav-master:hover .sub-nav {
    top: 0px;
  }
}
.navigation .nav-main {
  background: transparent;
}
.navigation.scroll {
  border-bottom: 1px solid #f0f0f0;
  -webkit-box-shadow: 0 0 7px 2px #888;
  box-shadow: 0 0 7px 2px #888;
}
.navigation .tab-list {
  position: relative;
  right:0;
  float: right;
  height:100px;
}
.navigation .tab-list .nav-master {
  position: relative;
  float: left;
  height: 100px;
  line-height: 100px;
}
.navigation .tab-list .nav-master-a {
  display: block;
  padding: 0 25px;
  border-bottom: 4px solid transparent;
  text-align: center;
  color: #797979;
  font-size: 16px;
  white-space: nowrap;
} 
.navigation .tab-list .nav-master.active .nav-master-a, .navigation .tab-list .nav-master.hover .nav-master-a {
  color: #0651a4;
  border-color: #0651a4;
  background:url(../images/nav-li.png) repeat-x 0 bottom;
}
.navigation .tab-list .nav-master.nobg .nav-master-a {
  color: #797979;
  border-color: transparent;
  background:none;
}
.navigation .tab-list .right-line {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #e6e6e6;
}

@media (max-width: 767px) {
  .navigation .tab-list .nav-master-a {
    font-size: 14px;
  }
}
.navigation .logo { z-index:10; position:absolute; left:0; top:50%; margin-top:-30px;display:block;width:364px;height:60px;background: url("../images/logo.png") no-repeat; text-indent:-9999px;}

.navigation .logo-txt {
  position: absolute;
  left: 70px;
  top: 20px;
}

@media (max-width: 1366px) {
	.navigation .tab-list .nav-master-a { padding: 0 18px;}	
}
@media (max-width: 992px) {
  .navigation {
    border-bottom: 1px solid #bbb;
    height: 44px;
    background: #fff;
  }
  .navigation .nav-main {
    height: 44px;
  }
  .navigation .nav-main .container {
    width: 100%;
  }
  .navigation .about-list {
    display: none;
  }
  .navigation .sub-nav {
    height: 0;
    top: 0;
    overflow: hidden;
    border: none;
  }
  .navigation .tab-list {
    position: absolute;
    float: none;
    left: 0;
    right: 0;
    top: 44px;
    line-height: 44px;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: height 0.35s ease-in-out;
    -o-transition: height 0.35s ease-in-out;
    transition: height 0.35s ease-in-out;
    overflow: hidden;
  }
  .navigation .tab-list .nav-master {
    float: none;
    width: 100%;
    height: 44px;
    line-height: 44px;
    height: auto;
  }
  .navigation .tab-list .nav-master.hide {
    display: block;
  }
  .navigation .tab-list .nav-master.nobg .nav-master-a {
    color: #797979;
  }
  .navigation .tab-list .nav-master-a {
    display: block;
    width: 100%;
    border: none;
    color: #797979;
  }
  .navigation .tab-list .right-line {
    display: none;
  }
  .navigation .nav-active .tab-list {
    height: 264px;
    border-bottom: 1px solid #bbb;
  }
  .navigation .logo-txt {
    left: 20px;
    top: 5px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }
  .navigation .logo { 
  	margin-left:-25px;
	margin-top:-1px;
	width:267px;
	height:44px;
	background-size: 100% 100%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }
  .navigation .nav-btn {
    position: absolute;
    right: 15px;
    top: 0;
    display: inline-block;
    text-align: center;
  }
}

.main {
  padding-top:95px;
}
.about-main { background:url(../images/about-body.jpg) no-repeat center 95px #f7f7f7; background-size:100% auto;}
.culture-main { background:url(../images/culture-body.jpg) no-repeat center 95px #f7f7f7; background-size:100% auto;}
.information-main { background:url(../images/information-body.jpg) no-repeat center 95px #f7f7f7; background-size:100% auto;}
.news-main { background:url(../images/news-body.jpg) no-repeat center 95px #f7f7f7; background-size:100% auto;}
.contact-main { background:url(../images/contact-body.jpg) no-repeat center 95px #f7f7f7; background-size:100% auto;}
.head-pic { position:relative; margin-bottom:-20px;margin-right:-25px; text-align:right;}
.currentPath { margin-bottom:25px; padding:22px 0; text-align:right; border-bottom:1px solid #f8f8f8;}
.currentPath .song { padding:0 5px;}
.content-area { padding:0 45px 45px;background:#FFF;}
.content-area .row  { margin-left: -22px; margin-right: -22px; }
.content-area .row .col { padding-left: 22px; padding-right: 22px; }
.content-area .left-nav dt, .content-area .left-nav .nav_master_a { height: 60px;line-height: 60px; font-size:16px; }
.content-area .left-nav .nav_master_a { position: relative; display: block;font-size: 16px;color: #7f7f7f;border-bottom: 1px solid #e6e6e6; }
.content-area .left-nav .current .nav_master_a, .content-area .left-nav .hover .nav_master_a { color:#0651a4;border-bottom: 1px solid #0651a4; }
.content-area .left-nav .current.nobg .nav_master_a { color: #7f7f7f;border-bottom: 1px solid #e6e6e6;}
.content-area .left-nav .nav_master_a i { display:none;position: absolute; right: 0; top: 0; color:#0651a4;}
.content-area .left-nav .nav_master_a .line { display:none;position: absolute; bottom: 0; left: 0; width:60%; height:1px;border-bottom: 1px solid #0651a4;}
.content-area .left-nav .current .nav_master_a .line,
.content-area .left-nav .hover .nav_master_a .line,
.content-area .left-nav .current .nav_master_a .iconfont,
.content-area .left-nav .hover .nav_master_a .iconfont { display:block;}
.content-area .left-nav .current.nobg .nav_master_a .line,
.content-area .left-nav .current.nobg .nav_master_a .iconfont { display:none;}
.content-title { padding:18px 0 40px; height:138px;}
.content-title img { max-width:100%;}
.content-about { line-height:1.8; color:#7f7f7f; text-align:justify;}
.content-about p { margin-bottom:20px;}
.content-about .pic { float:right; margin:-120px 0 50px 50px; max-width:50%;}
.content-about img { max-width:100%;}
.culture-concept { padding:15px 0 30px; line-height:1.2;font-size:24px;color:#0651a4;}
.development-area { padding-bottom:0;}
.timeline-box { position:relative; padding-left:86px; background:url(../images/timeline-bg.png) repeat-y 20px 5px;}
.timeline-box .timeline-icon { z-index:3; position: absolute; left:0; top:0; width:42px; height:62px; text-indent:-999px; overflow:hidden; background:url(../images/timeline-icon.png) no-repeat 0 bottom #FFF;}
.timeline-box .timeline { position:relative; margin-top:-30px; padding-bottom:50px;}
.timeline-box .timeline .list { padding:20px 0; border-bottom:1px dotted #cdcdcd; }
.timeline-box .timeline .list .time { position:relative; line-height:40px; font-size:24px; color:#0651a4; font-weight:500; } 
.timeline-box .timeline .list .time i { position: absolute; left:-56px; top:13px; width:64px; height:13px;  background:url(../images/timeline-li.png) no-repeat;}
.timeline-box .timeline .list .name { padding:5px 0 20px; line-height:1.2; font-size:20px; color:#4f4f4f;}
.timeline-box .timeline .list .intro { line-height:2; color:#7f7f7f;} 
.timeline-box .timeline .list .pic { padding-top:10px; padding-bottom:10px;}

.information-list .list { position:relative; padding-left:116px; padding-top:20px; }
.information-list .list .time { position:absolute; left:0; top:20px;width:66px; text-align:center;}
.information-list .list .time dt { height:66px; line-height:66px; font-weight:normal; font-size:40px; color:#0651a4; background-color:#f8f8f8;}
.information-list .list .time dd { padding-top:5px; font-size:16px; font-family:color:#7f7f7f;} 
.information-list .list .title { height:87px;border-bottom: 1px dotted #cdcdcd;}
.information-list .list .title a { display:block; height:68px; line-height:68px; font-size:16px; color:#7f7f7f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.recruitment-tab { position:relative; margin-top:-15px; }
.recruitment-tab a { display:inline-block; margin:0 2px 6px 0; padding:0 20px; height:48px; line-height:48px; font-size:16px; color:#929292;white-space:nowrap; background-color:#f8f8f8;}
.recruitment-tab a:hover, .recruitment-tab a.hover { color:#FFF; background-color:#0651a4;}
.recruitment { margin-top:30px; border-top:1px dotted #cdcdcd;}
.recruitment .list { padding: 20px 0; border-bottom:1px dotted #cdcdcd;}
.recruitment .list a { font-size:18px; color:#444444;}
.recruitment .list a:hover { color:#0651a4;}
.recruitment .list a .num { padding-left:30px;}
.contact-us { padding:40px 0 15px; line-height:1.8; font-size:16px; color:#7f7f7f; border-top:1px dotted #cdcdcd;}
.contact-us h1 { font-size:20px; color:#0651a4; padding-bottom:20px;}
.contact-us dd { padding:5px 0;}
.contact-us dd .iconfont { display:inline-block; width:30px; font-size:20px;color:#0651a4;}
.BMap_bubble_title {color:#0651a4;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.BMap_bubble_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media (max-width: 992px) {
  .main { padding-top: 44px;background-position:center 44px;}
  .main .head-pic img { max-width:50%;}
  .content-about .pic { float:none; margin:0 0 20px; max-width:100%;}
  .content-area { padding: 0 25px 25px;}
  .development-area {padding-bottom: 0;}
  .left-nav { margin:0 0 15px;display:none;}
  .content-area .left-nav dt, .content-area .left-nav .nav_master_a { height:40px; line-height:40px; font-size:14px;}
}

.div-line {
  display: block;
  height: 1px;
  width: 55px;
  margin: 30px auto;
}
.div-line.line-w {
  background: #fff;
}
.div-line.line-g {
  background: #d9d9d9;
}
@media (max-width: 767px) {
  .div-line {
    width: 30px;
    margin: 15px auto;
  }
  .information-list .list { padding-left:90px;}
  .information-list .list .title a { height:66px; line-height:22px; white-space:normal;}
  .timeline-box { padding-left:66px;}
  .timeline-box .timeline .list .time i { left: -26px;width:44px; background-position:right center;}
}

.page-top-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 24%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-top-wrapper {
    padding-bottom: 35%;
  }
}
.page-top-wrapper .wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  max-height: 460px;
}
.page-top-wrapper .content {
  z-index: 2;
  position: relative;
  padding: 10% 12% 0;
  color: #fff;
  text-align: center;
}
.page-top-wrapper .title {
  font-size: 46px;
  font-weight: 300;
}
.page-top-wrapper .intro {
  font-size: 16px;
  line-height: 1.8;
  text-shadow: 0 0 10px #000;
}
@media (max-width: 767px) {
  .page-top-wrapper .intro {
    font-size: 14px;
    text-align: justify;
  }
}
@media (max-width: 767px) {
  .page-top-wrapper .content {
    padding: 14% 5%;
  }
  .page-top-wrapper .title {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page-top-wrapper .content {
    padding: 14% 10%;
  }
  .page-top-wrapper .title {
    font-size: 36px;
  }
  .navigation .tab-list .nav-master-a { padding:0 18px;}
}

.nav-inner {
  background: transparent;
  text-align: center;
}
.nav-inner .nav-a {
  display: inline-block;
  position: relative;
  height: 70px;
  line-height: 70px;
  padding-left: 80px;
  color: #e7e7e7;
  border: none;
}
@media (max-width: 767px) {
  .nav-inner .nav-a {
    padding-left: 30px;
    height: 55px;
    line-height: 55px;
  }
}
.nav-inner .nav-master {
  position: relative;
}
.nav-inner .icon-name {
  font-size: 14px;
}
.nav-inner .nav-tabs {
  border: none;
}
.nav-inner .col-xs-4 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.nav-inner .triangle {
  display: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -20px;
  font-size: 40px;
  color: #f0f0f0;
}
.nav-inner .m-icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 40px;
}
.nav-inner .active .nav-a, .nav-inner .active:hover .nav-a {
  cursor: pointer;
  color: #d5122c;
  border: none;
}
.nav-inner.fixer {
  z-index: 25;
  position: fixed;
  top: 76px;
  left: 0;
  right: 0;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  -webkit-transform: translateZ(0);
}
.nav-inner.fixer .col-xs-4 {
  padding: 0;
}
.nav-inner.scroll {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.nav-inner.scroll .nav-a {
  color: #777;
}
@media (max-width: 767px) {
  .nav-inner .col-xs-4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .nav-inner .m-icon {
    font-size: 24px;
  }
  .nav-inner .triangle {
    display: none;
    position: absolute;
    bottom: -6px;
    margin-left: -10px;
    font-size: 20px;
    color: #f0f0f0;
  }
  .nav-inner .icon-name {
    font-size: 14px;
  }
  .nav-inner.fixer {
    top: 44px;
  }
}

.slop-div {
  position: relative;
  margin: 0 -50px;
  background: #f0f0f0;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

.slop-reverse {
  position: relative;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

.sub-box.mt1 {
  margin-top: -10%;
  padding: 13% 0 2%;
}
.sub-box.mt2 {
  margin-top: -6%;
  padding: 5% 0 2%;
}
.sub-box .title {
  padding: 60px 0 15px;
  font-size: 34px;
  color: #2f2e2e;
}
.sub-box .intro {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 15px;
  font-size: 14px;
  color: #999999;
}
@media (max-width: 767px) {
  .sub-box .title {
    padding: 15px 0;
    font-size: 20px;
  }
  .sub-box .intro {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 15px;
    font-size: 12px;
    color: #999999;
  }
}

.case-main .page-top-wrapper {
  padding-bottom: 30%;
}
@media (max-width: 767px) {
  .case-main .page-top-wrapper {
    padding-bottom: 90%;
  }
}
.case-main .page-top-wrapper .wrapper-bg {
  max-height: 448px;
}
.case-main .nav-inner {
  background: #fff;
}
.case-main .nav-inner .nav-a {
  color: #999;
}
.case-main .nav-inner .active .nav-a, .case-main .nav-inner .active:hover .nav-a {
  cursor: pointer;
  color: #d5122c;
  border: none;
}
.case-main .main-body {
  overflow: hidden;
}
.case-main .link {
  position: absolute;
  top: -50px;
  visibility: hidden;
  opacity: 0;
}
.case-main .link150 {
  top: -210px;
}
.case-main .venue-wrapper {
  background: #f0f0f0;
  padding-bottom: 8%;
}
.case-main .venue-wrapper .v-prev,
.case-main .venue-wrapper .v-next {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transform: translateY(-50%);
}
.case-main .venue-wrapper .v-prev .iconfont,
.case-main .venue-wrapper .v-next .iconfont {
  display: block;
  font-size: 20px;
  color: #d5122c;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: rgba(175, 175, 175, 0.6);
}
.case-main .venue-wrapper .v-prev {
  left: -80px;
}
@media (max-width: 767px) {
  .case-main .venue-wrapper .v-prev {
    left: 0;
  }
}
.case-main .venue-wrapper .v-next {
  right: -80px;
}
@media (max-width: 767px) {
  .case-main .venue-wrapper .v-next {
    right: 0;
  }
}
.case-main .venue-wrapper.bg1 {
  background: url("../images/case-1b.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.case-main .venue-wrapper.bg2 {
  padding-bottom: 5%;
  background: url("../images/case-1.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.case-main .venue-wrapper .row-div {
  margin-top: -20px;
}
@media (max-width: 767px) {
  .case-main .venue-wrapper .row-div {
    margin-left: 0;
  }
}
.case-main .venue-wrapper .venue-card {
  width: 25%;
  padding: 0 20px 40px;
}
@media (max-width: 767px) {
  .case-main .venue-wrapper .venue-card {
    width: 100%;
  }
}
.case-main .venue-wrapper .venue-card .card-inner {
  background: #fff;
}
.case-main .venue-wrapper .venue-info-box {
  padding: 20px 30px;
}
.case-main .venue-wrapper .venue-name {
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #5e5e5e;
  line-height: 20px;
  overflow: hidden;
}
.case-main .venue-wrapper .venue-intro {
  margin: 15px 0;
  height: 32px;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  color: #999;
}
.case-main .venue-wrapper .venue-guide {
  border-top: 1px solid #f0f0f0;
  padding: 15px 0;
  font-size: 12px;
  line-height: 16px;
  color: #5e5e5e;
}
.case-main .venue-wrapper .venue-guide .txt {
  position: relative;
  padding-left: 20px;
}
.case-main .venue-wrapper .venue-guide .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #d5122c;
  font-weight: 500;
}
.case-main .venue-wrapper .btn-watch {
  display: block;
  max-width: 200px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #d5122c;
  font-size: 14px;
  border: 1px solid #d5122c;
  margin: auto;
}
@media (max-width: 767px) {
  .case-main .venue-wrapper .venue-card {
    padding: 0 20px 10px;
  }
  .case-main .venue-wrapper .venue-info-box {
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .case-main .venue-wrapper .venue-info-box {
    padding: 26px;
  }
}
.case-main .vw3 {
  padding-bottom: 0;
}
.case-main .vw3 .row {
  z-index: 5;
  position: relative;
}
.case-main .vw3 .card-inner {
  -webkit-box-shadow: 0 0 10px #e2e2e2;
  box-shadow: 0 0 10px #e2e2e2;
}
.case-main .vw2 {
  padding-bottom: 0;
}
.case-main .vw2 .venue-tbox {
  padding-right: 10%;
}
.case-main .vw2 .venue-guide {
  padding: 0 0 0 10%;
  margin-top: 15px;
  border-top: none;
  border-left: 1px solid #f0f0f0;
}
.case-main .vw2 .btn-watch {
  margin-top: 20px;
}
.case-main .vw2 .row-div {
  position: relative;
  z-index: 5;
}
.case-main .vw2 .card-inner {
  -webkit-box-shadow: 0 0 10px #e2e2e2;
  box-shadow: 0 0 10px #e2e2e2;
}
.case-main .foot-slop {
  position: absolute;
  width: 110%;
  top: 65%;
  z-index: 11;
  background: #fff;
  padding-bottom: 15%;
}
.case-main .platform-box {
  position: relative;
  background: #f0f0f0;
  padding-bottom: 10%;
  overflow: hidden;
}
.case-main .platform-row {
  z-index: 10;
  position: relative;
  margin-left: -80px;
  margin-right: -80px;
}
.case-main .platform-row > .col-md-4 {
  position: relative;
  padding-left: 80px;
  padding-right: 80px;
}
.case-main .platform-row .pic {
  margin-bottom: 20px;
  margin-top: 40px;
}
.case-main .platform-row .intro {
  font-size: 14px;
  color: #999999;
}
.case-main .platform-row .right-line {
  position: absolute;
  right: 0;
  top: 80px;
  width: 1px;
  height: 190px;
  background: #dcdcdc;
}
.case-main .sub-box.mt4 {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .case-main .race-row {
    margin: 0;
  }
}
.case-main .race-row > .col-md-6 {
  padding: 20px;
}
.case-main .race-row .swiper-slide {
  width: 50%;
  padding: 20px;
}
.main .footer { text-align:center;}
.footer {
  padding: 50px 0;
  color: #a9a9a9;
  font-size: 12px;
}
.footer a {
  color: #a9a9a9;
}
.footer a:hover {
  color: #0651a4;
}
.footer .copy {
  height: 80px;
  line-height: 80px;
}
@media (max-width: 767px) {
  .footer .copy {
    line-height: 2;
    height: auto;
    padding-top: 20px;
  }
}
.footer .follow {
  text-align: center;
}
.footer .logo-box .logo,
.footer .logo-box .logo-txt {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 0 bottom;
  -moz-transform-origin: 0 bottom;
  -ms-transform-origin: 0 bottom;
  transform-origin: 0 bottom;
}
@media (max-width: 767px) {
  .footer .logo-box {
    margin-bottom: 20px;
  }
}
.footer .nav-row {
  text-align: center;
}
.footer .nav-row dt {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .footer .nav-row dt {
    font-size: 16px;
  }
}
.footer .nav-row dt:after {
  position: absolute;
  right: 0;
  top: 3px;
  display: inline-block;
  content: '';
  width: 1px;
  height: 15px;
  background: #777;
}
.footer .nav-row dd a {
  font-size: 12px;
  color: #a5a5a5;
  line-height: 24px;
}
@media (max-width: 767px) {
  .footer .nav-row dd a {
    font-size: 14px;
  }
}
.footer .nav-row dd a:hover {
  color: #d5122c;
}
.footer .nav-row .t-left dd {
  text-align: left;
  padding-left: 31%;
}
.footer .nav-row .col-xs-3:last-child dt:after {
  display: none;
}
.footer .main-row {
  padding-bottom: 30px;
  border-bottom: 1px solid #777;
}
.footer .contact-box {
  padding: 0 6%;
  font-size: 14px;
  line-height: 24px;
  border-right: 1px solid #777;
  border-left: 1px solid #777;
}
@media (max-width: 767px) {
  .footer .contact-box {
    border: none;
  }
}
.footer .contact-box .address {
  margin-bottom: 5px;
}
.footer .contact-box .c-item {
  position: relative;
  padding-left: 26px;
}
@media (max-width: 767px) {
  .footer .contact-box .c-item {
    width: 100%;
    text-align: left;
  }
}
.footer .contact-box .c-item .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #d5122c;
}
.footer .contact-box .c-item:last-child .iconfont {
  top: -2px;
}
@media (max-width: 992px) {
  .footer .copy {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer {
    padding: 20px 0;
  } 
}
.index-main .index-swiper1 .swiper-slide { height: auto!important;}
.index-main .index-swiper1 .swiper-slide .pc-show { padding-bottom: 31.1%; }
.index-main .index-swiper1 .center-box {
  position: absolute;
  top: 38%;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}
.index-main .index-swiper1 .center-box .title {
  font-size: 56px;
  font-weight: 300;
  text-shadow: #000 2px 2px 5px;
}
.index-main .index-swiper1 .center-box .intro {
  padding: 5px 0 40px;
  font-size: 18px;
  letter-spacing: 10px;
  text-shadow: #000 2px 2px 5px;
}
.index-main .index-swiper1 .center-box .more {
  display: inline-block;
  width: 160px;
  font-size: 14px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  border: 2px solid #fff;
}
.index-main .index-swiper1 .slop-reverse {
  z-index: 5;
  position: absolute;
  top: 100%;
  right: 0;
  width: 110%;
  padding-bottom: 20%;
  background: #fff;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
@media (max-width: 767px) {
  .index-main .index-swiper1 .swiper-slide .mobile-show {
    padding-bottom: 100%;
  }
  .index-main .index-swiper1 .center-box {
    top: 34%;
  }
  .index-main .index-swiper1 .center-box .title {
    font-size: 20px;
  }
  .index-main .index-swiper1 .center-box .intro {
    padding: 0 0 20px;
    font-size: 14px;
    letter-spacing: 5px;
  }
  .index-main .index-swiper1 .center-box .more {
    width: 120px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .index-main .index-swiper1 .center-box {
    top: 30%;
  }
  .index-main .index-swiper1 .center-box .title {
    font-size: 36px;
  }
  .index-main .index-swiper1 .center-box .intro {
    padding: 5px 0 30px;
    font-size: 14px;
    letter-spacing: 12px;
  }
  .index-main .index-swiper1 .center-box .more {
    width: 140px;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
  }
}
.m-t-30 { margin-top:30px;}
.m-t-50 { margin-top:50px;}
.m-b-30 { margin-bottom:30px;}
.index-main .index-intro-box { padding: 40px 0; background: #fff;}
.index-main .index-box2 { background:#f0f0f0;} 
.index-intro-box .row { margin-left: -30px;margin-right: -30px;}
.index-intro-box .row > .col-md-4 { padding-left: 30px;  padding-right: 30px;}
.index-intro-box .title { color: #0044c4;font-size: 20px; padding-bottom:30px;}
.index-intro-box .title .more { float:right; font-size:14px;color:#888888;}
.index-intro-box .title .more i { display:inline-block; margin-left:10px;width:18px;height:18px;line-height:16px;border-radius: 50%;color:#fff; font-style:normal; text-align:center; background:#67615f;}
.index-intro-box .home-news li { padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index-intro-box .home-news li a { display:block; font-size:14px; color:#888888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index-intro-box .home-news li a .date { float:right; font-size:14px; color:#888888; padding-left:5px;}
.index-intro-box .home-news li a:hover, .home-news li a:hover .date { color: #0044c4;}
.index-intro-box .latest-news { border-bottom:1px dotted #d6d6d6; margin-bottom:15px; padding-bottom:20px;}
.index-intro-box .latest-news dt { line-height:1.2; font-size:24px; font-weight:normal;}
.index-intro-box .latest-news dt a { color:#515151;}
.index-intro-box .latest-news dt a:hover { color: #0044c4;}
.index-intro-box .latest-news dd { padding-top:8px; font-size:14px; color:#a9a9a9;}
.recommended-news { margin-top:5px; background-color:#eee;}
.recommended-news .swiper-container { width:100%;}
.recommended-news.swiper-container-horizontal>.swiper-scrollbar { opacity: 1!important; width:100%; left:0; bottom:0; height:7px;border-radius:0; background:#e4e4e4;}
.recommended-news.swiper-container-horizontal .swiper-scrollbar-drag { border-radius:0; background:#0953a5;}
.recommended-news .swiper-slide .link { display:block; position:relative;width:100%; height:0;padding-bottom:75%; background-repeat:no-repeat; background-size:cover;}
.recommended-news .swiper-slide .link .txt { position:absolute; left:0; bottom:7px; width:100%; padding:4% 5%;line-height:1.4;color:#FFF;background: rgba(0,0,0,0.4); }
.home-enterprise dl { margin-bottom:15px;}
.home-enterprise dl:last-child { margin-bottom:0;}
.home-enterprise dt { padding-bottom:10px;font-size:14px; font-weight:normal; color:#6b6b6b;}
.home-enterprise dd { line-height:1.4; font-size:14px; color:#a9a9a9;}
.home-enterprise dd a {  color:#a9a9a9; padding-right:15px;}
.home-culture .swiper-slide .link { display:block; position:relative;width:100%; height:0;padding-bottom:42%; background-repeat:no-repeat; background-size:cover;}
.home-culture .swiper-slide .link .txt { position:absolute; left:0; bottom:0; width:100%; padding:4% 5%;line-height:1.4;color:#FFF;background: rgba(0,0,0,0.4); }
.home-culture .swiper-slide .link .txt .icon-play { float:right; display:inline-block; width:19px; height:19px; background:url(../images/icon-play.png) no-repeat;}
.home-culture .tabs { background-color:#FFF;}
.home-culture .tabs a { display:inline-block; position: relative; width:33.33%; padding:16px 0; font-size:14px; color:#838383; text-align:center;}
.home-culture .tabs a.active { color:#0651a4;}
.home-culture .tabs a b { display: none;position:absolute; left:0; bottom:-4px; width:100%; border-bottom:4px solid #0651a4;}
.home-culture .tabs a.active b { display:block;}
.home-culture .tabs a i { position:absolute; left:0; bottom:0; border-left:1px solid #f1f1f1; height:40%;}
.home-culture .tabs a:first-child i { display:none;}
.home-culture #tabs2-container .swiper-slide .link { padding-bottom:56%;}
.home-security { margin-top:50px;margin-bottom:20px;}

@media (min-width:768px) and (max-width:991px){
	.index-main .index-intro-box { padding:10px 0;}	
	.index-intro-box .title { padding:15px 0;}
	.index-intro-box .title-park { display:none;}
	.recommended-news, .home-culture { margin:0 0 10px;}	
	.home-security { margin-top:25px;margin-bottom: 25px;
}
}
@media (max-width: 767px) {
	.index-main .index-intro-box { padding:10px 0;}	
	.index-main .index-intro-box .title { margin-top:15px;padding-bottom:15px;  }
	.index-intro-box .title-park { display:none;}
	.recommended-news, .home-culture { margin:0 0 10px;}
	.home-security { margin-top:0;margin-bottom:10px;}
	.home-enterprise dl:first-child { margin-bottom:10px;}
}
.index-main .index-intro-box .item {
  position: relative;
   
}

.index-main .index-intro-box .item .intro-icon {
  margin-bottom: 20px;
}
.index-main .index-intro-box .item .txt {
  font-size: 16px;
  color: #3f3f3f;
}
.index-main .index-intro-box .col-xs-6:nth-child(4n) .right-line {
  display: none;
}
.index-main .index-intro-box .right-line {
  position: absolute;
  right: 0;
  top: 65px;
  width: 1px;
  height: 100px;
  background: url("../images/intro-line.png") 0 repeat-y;
}
@media (max-width: 767px) {
  .index-main .index-intro-box .col-xs-6 {
    width: 100%;
  }
  .index-main .index-intro-box .right-line {
    display: none;
  }
}
.index-main .more-wrapper .row {
  margin-left: -2px;
  margin-right: -2px;
}
.index-main .more-wrapper .col-md-4 {
  padding: 2px 2px 0;
}
.index-main .more-wrapper .item {
  position: relative;
  padding-bottom: 49%;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.index-main .more-wrapper .item:hover .cover {
  opacity: 0.8;
}
.index-main .more-wrapper .cover {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.55;
  -webkit-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.index-main .more-wrapper .txt-box {
  z-index: 3;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 20% 5% 7%;
}
@media (max-width: 767px) {
  .index-main .more-wrapper .txt-box {
    padding: 0 6% 5%;
    bottom: 0;
  }
}
.index-main .more-wrapper .txt-box .title {
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
  color: #d5122c;
}
.index-main .more-wrapper .txt-box .intro {
  height: 36px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
}
.index-main .more-wrapper .txt-box .more {
  font-size: 14px;
  color: #d5d5d5;
}
.index-main .case-swiper {
  overflow: hidden;
}
.index-main .case-swiper .swiper-slide {
  padding-bottom: 36%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .index-main .case-swiper .swiper-slide {
    padding-bottom: 150%;
    background-size: cover;
  }
}
.index-main .case-swiper .cover {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/cover.png) repeat-x 0 bottom;
}
.index-main .case-swiper .content-box {
  z-index: 3;
  position: absolute;
  top: 26%;
  left: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .index-main .case-swiper .content-box {
    top: 20%;
  }
}
.index-main .case-swiper .content-box .title {
  font-size: 38px;
  font-weight: 300;
  color: #fff;
}
.index-main .case-swiper .content-box .intro {
  padding: 0 16%;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 767px) {
  .index-main .case-swiper .content-box .intro {
    padding: 0;
    font-size: 14px;
  }
}
.index-main .case-swiper .slop-div {
  z-index: 5;
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 110%;
  padding-bottom: 20%;
  background: #fff;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
.index-main .case-swiper .case-page {
  display: flex;
  z-index: 10;
  position: absolute;
  bottom: 12%;
  width: 540px;
  left: 50%;
  margin-left: -270px;
}
.index-main .case-swiper .case-page li {
  float: left;
  position: relative;
  width: 180px;
  text-align: center;
  border-right: 1px solid #d5d5d5;
  cursor: pointer;
}
.index-main .case-swiper .case-page li:last-child {
  border: none;
}
@media (max-width: 767px) {
  .index-main .case-swiper .case-page {
    width: 100%;
    left: auto;
    margin: 0;
    margin-top: 100px;
  }
}
.index-main .case-swiper .case-page .triangle {
  display: none;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -6px;
  color: #d5122c;
  font-size: 12px;
  line-height: 1;
}
.index-main .case-swiper .case-page .m-icon {
  position: absolute;
  font-size: 40px;
  top: -5px;
  left: 50%;
  margin-left: -20px;
  color: #d5d5d5;
  line-height: 1;
}
.index-main .case-swiper .case-page li:nth-child(2) .m-icon {
  top: -3px;
  margin-left: -28px;
}
.index-main .case-swiper .case-page li.active .m-icon,
.index-main .case-swiper .case-page li.active .name {
  color: #d5122c;
}
.index-main .case-swiper .case-page li.active .triangle {
  display: inline-block;
}
.index-main .case-swiper .case-page .name {
  padding-top: 35px;
  font-size: 14px;
  color: #FFF;
}
.index-main .case-swiper .case-page .m-icon {
  color: #FFF;
}
.index-main .videos-box .container {
  padding: 3% 0 4%;
}
.index-main .videos-box .swiper-slide {
  width: 25%;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .index-main .videos-box .swiper-slide {
    width: 55%;
  }
}
.index-main .videos-box .title {
  padding-bottom: 4%;
  font-size: 30px;
  color: #2f2e2e;
  font-weight: 300;
}
@media (max-width: 767px) {
  .index-main .videos-box .title {
    font-size: 25px;
  }
}
.index-main .videos-box .pic-box {
  position: relative;
}
.index-main .videos-box .pic-box .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
@media (max-width: 767px) {
  .index-main .videos-box .pic-box .icon {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.index-main .videos-box .item {
  cursor: pointer;
}
.index-main .videos-box .item:hover .i-title {
  color: #d5122c;
}
.index-main .videos-box .i-title {
  padding: 20px 0 12px;
  font-size: 18px;
  color: #575757;
}
.index-main .videos-box .i-intro {
  font-size: 12px;
  color: #999;
}
.index-main .videos-box .v-prev,
.index-main .videos-box .v-next {
  cursor: pointer;
  z-index: 8;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(175, 175, 175, 0.6);
}
.index-main .videos-box .v-prev .iconfont,
.index-main .videos-box .v-next .iconfont {
  font-size: 20px;
  color: #d5122c;
}
.index-main .videos-box .v-prev {
  left: -5%;
}
.index-main .videos-box .v-next {
  right: -5%;
}
.index-main .news-box {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.index-main .news-box .container {
  padding: 3% 0 6%;
}
.index-main .news-box .news-title {
  font-size: 30px;
  color: #2f2e2e;
  font-weight: 300;
}
.index-main .news-box .news-tab {
  padding: 2% 0 4%;
}
.index-main .news-box .tab-item {
  font-size: 18px;
  padding: 0 35px;
  color: #575757;
  line-height: 1;
  border-right: 1px solid #cccccc;
  cursor: pointer;
}
.index-main .news-box .tab-item:last-child {
  border-right: none;
}
.index-main .news-box .tab-item.current {
  color: #d5122c;
}
.index-main .news-box .time-box {
  padding-left: 15px;
  font-size: 14px;
  color: #999;
  line-height: 1.2;
}
.index-main .news-box .time-box .date {
  font-size: 34px;
  color: #575757;
}
.index-main .news-box .row {
  margin-left: -15px;
  margin-right: -15px;
}
.index-main .news-box .row > .col-md-3 {
  padding-left: 15px;
  padding-right: 15px;
}
.index-main .news-box .title {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.index-main .news-box .title:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  background: #b4b4b4;
  border: 2px solid #737373;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.index-main .news-box .nr1 .title {
  height: auto;
}
.index-main .news-box .news-item {
  display: block;
}
.index-main .news-box .intro {
  margin: 15px 0 60px;
  padding-left: 15px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  height: 48px;
  overflow: hidden;
}
.index-main .news-box .more {
  padding-left: 15px;
  font-size: 12px;
  color: #7b7b7b;
}
.index-main .news-box .news-item:hover {
  cursor: pointer;
}
.index-main .news-box .news-item:hover .title,
.index-main .news-box .news-item:hover .more,
.index-main .news-box .news-item:hover .time-box .date {
  color: #d5122c;
}
.index-main .news-box .news-item:hover .title:before {
  border-color: #d5122c;
  background: #fe6b7e;
}
.index-main .news-box .txt-box {
  padding: 30px 0 20px;
}
.index-main .news-box .news-slop {
  z-index: 5;
  position: absolute;
  top: 100%;
  left: 0;
  width: 110%;
  margin: 0;
  padding-bottom: 20%;
  background: #f0f0f0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.index-main .partner-box {
  background: #fff;
}
.index-main .partner-box .container {
  padding: 3% 0;
}
@media (max-width: 767px) {
  .index-main .partner-box .container {
    padding: 5% 0;
  }
}
.index-main .partner-box .title {
  font-size: 30px;
  color: #2f2e2e;
  font-weight: 300;
}
@media (max-width: 767px) {
  .index-main .partner-box .title {
    font-size: 25px;
  }
}
.index-main .partner-box .col-md-2 {
  padding: 15px 0;
}

.main .page-top-wrapper {
  padding-bottom: 23.3%;
}
@media (max-width: 767px) {
  .main .page-top-wrapper {
    padding-bottom: 35%;
  }
}
.main .page-top-wrapper .wrapper-bg {
  max-height: 447px;
}
.main .nav-inner {
  background: #fff;
}
.main .nav-inner .nav-a {
  color: #999;
}
.main .nav-inner .active .nav-a, .main .nav-inner .active:hover .nav-a {
  cursor: pointer;
  color: #d5122c;
  border: none;
}
.main .news-wrapper .container {
  padding-bottom: 40px;
  border-bottom: 1px solid #dbdbdb;
}
.main .news-list { border-top:1px dotted #cdcdcd;}
.main .news-list .list {
  padding: 25px 0;
  border-bottom:1px dotted #cdcdcd;
}
.about-team { position:relative; margin-top:-40px;}
.about-team .list { padding:20px 0 20px;border-bottom:1px dotted #cdcdcd;}
.about-team .list .pic-box { padding-bottom:20px;}
.about-team .list .title { height:26px; line-height:26px;font-size:22px; color:#0651a4;}
.about-team .list .position { margin:5px 0 15px;height:24px; line-height:24px;font-size:16px; color:#0651a4;}
.about-team .list .intro { line-height:20px;font-size:14px; color:#9a9c9f;}


.main .news-list .row {
  display: block;  
}
.main .news-list .row:hover .title {
  color: #0651a4;
}
.main .news-list .pic-box {
  position: relative; margin:5px 0;
}
.main .news-list .type-box {
  position: absolute;
  top: 0;
  left: 30px;
  width: 100px;
}
.main .news-list .type-pic {
  width: 100px;
  height: 100px;
  -webkit-box-shadow: 0 0 10px #d5d5d5;
  box-shadow: 0 0 10px #d5d5d5;
}
.main .news-list .type-txt {
  font-size: 12px;
  padding: 15px 20%;
  color: #999;
}
.main .news-list .title {
  height: 48px;
  line-height: 24px;
  font-size: 16px;
  color: #4e4e4e;
  font-weight: 700;
  overflow:hidden;
}
.main .about-enterprise .title { line-height:1.6; font-size:20px;}
.main .about-enterprise .title .en { display:block;font-size:14px;}
@media (max-width: 767px) {
  .main .news-list .title {
    font-weight: 500;
  }
}
.main .news-list .info-box {
  margin: 10px 0 25px;
  color: #b5b5b5;
}
.main .news-list .time {
  font-size: 14px; color:#9f9f9f;
}
.main .news-list .read-num {
  font-size: 14px;
}
.main .news-list .intro {
  margin:15px 0 25px;
  height: 60px;
  line-height: 20px;
  font-size: 14px;
  color: #bebebe;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main .news-list .intro {
    font-size: 14px;
  }
}
.main .news-list .more {
  display: inline-block;
  width: 140px;
  margin-top: 52px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #d5122c;
  text-align: center;
  border: 1px solid #d5122c;
}
@media (max-width: 767px) {
  .main .news-wrapper .container {
    padding-bottom: 0;
  }   
 
  .main .news-list .title { padding-top:15px;
    height: auto;
    font-size: 18px;
    line-height: 24px;
  }
  .main .news-list .info-box {
    margin: 10px 0;
  }
  .main .news-list .intro {
    height: 60px;
    line-height: 20px;
    font-size: 14px; 
  }
  .main .news-list .more {
    display: block;
    width: 140px;
    margin: 10px auto 0;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #d5122c;
    text-align: center;
    border: 1px solid #d5122c;
  }
}

.solution-main .page-top-wrapper {
  position: relative;
  padding-bottom: 36.6%;
}
@media (max-width: 767px) {
  .solution-main .page-top-wrapper {
    padding-bottom: 120%;
  }
}
.solution-main .page-top-wrapper .wrapper-bg {
  max-height: 703px;
}
.solution-main .page-top-wrapper .content {
  z-index: 2;
  position: relative;
  padding-top: 15%;
}
@media (max-width: 767px) {
  .solution-main .page-top-wrapper .content {
    padding-top: 22%;
  }
}
.solution-main .page-top-wrapper .content .title {
  padding-bottom: 0;
  font-size: 38px;
}
@media (max-width: 767px) {
  .solution-main .page-top-wrapper .content .title {
    font-size: 32px;
  }
}
.solution-main .page-top-wrapper .content .intro {
  font-size: 16px;
}
@media (max-width: 767px) {
  .solution-main .page-top-wrapper .content .intro {
    font-size: 14px;
  }
}
.solution-main .page-top-wrapper .play-video-a {
  z-index: 2;
  position: relative;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 18px;
  margin: 5% 0;
}
.solution-main .page-top-wrapper .play-video-a .icon {
  position: relative;
  top: -6px;
  margin: 0 30px;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
@media (max-width: 767px) {
  .solution-main .page-top-wrapper .sub-box .title {
    font-size: 20px;
  }
  .solution-main .page-top-wrapper .sub-box .intro {
    width: 100%;
    padding: 0;
    font-size: 14px;
  }
  .solution-main .page-top-wrapper .play-video-a {
    z-index: 2;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 6px;
    margin: 3% 0 0;
  }
  .solution-main .page-top-wrapper .play-video-a .icon {
    left: -4px;
    top: -15px;
    margin: 0 12px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .solution-main .page-top-wrapper .play-video-a .fl, .solution-main .page-top-wrapper .play-video-a .fr {
    display: none;
  }
}
@media (max-width: 767px) {
  .solution-main .page-top-wrapper .play-video-a:before {
    left: -20px;
  }
  .solution-main .page-top-wrapper .play-video-a:after {
    right: -20px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .solution-main .page-top-wrapper {
    padding: 6% 0 5%;
  }
  .solution-main .page-top-wrapper .sub-box .title {
    font-size: 28px;
  }
  .solution-main .page-top-wrapper .sub-box .intro {
    padding: 0;
    font-size: 14px;
  }
  .solution-main .page-top-wrapper .play-video-a {
    z-index: 2;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 10px;
    margin: 3% 0;
  }
  .solution-main .page-top-wrapper .play-video-a .icon {
    position: relative;
    left: -4px;
    margin: 0 15px;
  }
}
.solution-main .nav-inner {
  z-index: 10;
  position: fixed;
  top: 76px;
  left: 0;
  width: 100%;
}
.solution-main .nav-inner .col-xs-4 {
  padding: 0;
}
.solution-main .nav-inner .col-xs-4:last-child .right-line {
  display: none;
}
.solution-main .nav-inner .right-line {
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 30px;
  margin-top: -15px;
  background: #fff;
}
.solution-main .nav-inner .bottom-line {
  display: none;
  position: absolute;
  bottom: 0;
  left: 35%;
  width: 30%;
  height: 3px;
  background: #d5122c;
}
.solution-main .nav-inner .current .nav-a .m-icon,
.solution-main .nav-inner .current .nav-a .icon-name {
  color: #d5122c;
}
.solution-main .nav-inner .current .bottom-line {
  display: inline-block;
}
@media (max-width: 992px) {
  .solution-main .nav-inner {
    top: 44px;
  }
}
.solution-main .graphic-box {
  background: #fff;
}
.solution-main .graphic-box .container {
  padding: 5% 0 5%;
}
@media (max-width: 767px) {
  .solution-main .graphic-box .container {
    padding: 5%;
  }
}
.solution-main .graphic-box .title {
  font-weight: 300;
  font-size: 34px;
  color: #2f2e2e;
  padding-bottom: 3%;
}
@media (max-width: 767px) {
  .solution-main .graphic-box .title {
    font-size: 25px;
    padding-bottom: 5%;
  }
}
.solution-main .graphic-box .img-responsive {
  margin: auto;
}
.solution-main .f-box {
  background: #f0f0f0;
  overflow: hidden;
}
.solution-main .f-box .container {
  padding: 4% 0;
}
@media (max-width: 767px) {
  .solution-main .f-box .container {
    padding: 4%;
  }
}
.solution-main .f-box .row {
  margin-left: -40px;
  margin-right: -40px;
}
.solution-main .f-box .row > .col-md-3 {
  padding-left: 40px;
  padding-right: 40px;
}
.solution-main .f-box .item {
  position: relative;
  text-align: center;
}
.solution-main .f-box .item .iconfont {
  font-size: 60px;
  color: #d5122c;
}
.solution-main .f-box .item .line {
  position: absolute;
  right: 0;
  top: 90px;
  width: 1px;
  height: 160px;
  background: url("../images/intro-line.png") 0 repeat-y;
}
.solution-main .f-box .item:last-child .line {
  display: none;
}
.solution-main .f-box .f-title {
  padding-bottom: 15px;
  font-size: 22px;
  color: #d5122c;
}
.solution-main .f-box .f-intro {
  font-size: 14px;
  color: #838383;
  text-align: center;
}
.solution-main .list-group {
  position: relative;
  margin: 0;
}
.solution-main .list-group .col-md-6:first-child {
  float: right;
}
@media (max-width: 767px) {
  .solution-main .list-group .col-md-6:first-childmleft {
    float: left;
  }
}
.solution-main .list-group .col-md-6:last-child {
  float: left;
}
.solution-main .list-group .content {
  padding: 18% 0 0 12%;
}
@media (max-width: 1440px) {
  .solution-main .list-group .content {
    padding: 10% 0 0 12%;
  }
}
.solution-main .list-group:nth-child(even) .col-md-6:first-child {
  float: left;
}
.solution-main .list-group:nth-child(even) .col-md-6:last-child {
  float: right;
}
.solution-main .list-group:nth-child(even) .content {
  padding: 15% 10% 0 0;
}
@media (max-width: 1280px) {
  .solution-main .list-group:nth-child(even) .content {
    padding: 11% 10% 0 0;
  }
}
@media (max-width: 767px) {
  .solution-main .list-group:nth-child(even) .content {
    padding: 4%;
  }
}
.solution-main .full-page {
  position: relative;
  padding-bottom: 28.6%;
}
@media (max-width: 767px) {
  .solution-main .full-page {
    padding-bottom: 100%;
  }
}
.solution-main .full-page:before, .solution-main .full-page:after {
  content: " ";
  display: table;
}
.solution-main .full-page:after {
  clear: both;
}
.solution-main .full-page .img-responsive {
  width: 80%;
}
.solution-main .full-page .blank {
  padding-bottom: 30%;
}
.solution-main .full-page .row {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .solution-main .full-page .row .t60 {
    top: 60px;
  }
}
.solution-main .full-page .f-title {
  position: relative;
  font-weight: 300;
  font-size: 34px;
  color: #2f2e2e;
  padding-bottom: 20px;
}
.solution-main .full-page .f-title:before {
  position: absolute;
  left: -40px;
  top: 12px;
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background: #fe6b7e;
  border: 2px solid #d5122c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .solution-main .full-page .f-title:before {
    display: none;
  }
}
.solution-main .full-page .intro {
  font-size: 14px;
  color: #999;
}
.solution-main .full-page.fg-top .pic-box img {
  width: 100%;
}
.solution-main .full-page.fg-top .content {
  position: relative;
  padding: 7% 10% 8% 0;
}
@media (max-width: 1280px) {
  .solution-main .full-page.fg-top .content {
    padding: 5% 10% 7% 0;
  }
}
@media (max-width: 767px) {
  .solution-main .full-page.fg-top .content {
    padding: 4%;
  }
}
.solution-main .full-page.fg-top .f-intro {
  color: #535353;
}
.solution-main .full-page.fg-top .controls-box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0 10% 10% 10%;
}
@media (max-width: 767px) {
  .solution-main .full-page.fg-top .controls-box {
    display: none;
  }
}
.solution-main .full-page.fg-top .c-item {
  cursor: pointer;
  position: relative;
  padding-right: 40px;
  height: 80px;
  line-height: 80px;
  font-size: 14px;
  color: #1c1b20;
}
.solution-main .full-page.fg-top .c-item .iconfont {
  position: absolute;
  right: 35px;
  top: 0;
  font-size: 50px;
  color: #070502;
}
.solution-main .full-page.fg-top .c-item:after {
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -20px;
  display: inline-block;
  content: '';
  width: 1px;
  height: 40px;
  background: #070502;
}
.solution-main .full-page.fg-top .c-item:nth-child(4n):after {
  display: none;
}
.solution-main .full-page.fg-top .c-item.active {
  color: #d5122c;
}
.solution-main .full-page.fg-top .c-item.active .iconfont {
  color: #d5122c;
}
.solution-main .full-page.fg2 {
  background-size: 100% 100%;
}
.solution-main .full-page.fg2 .f-title,
.solution-main .full-page.fg2 .intro {
  color: #fff;
  text-shadow: 0 0 20px #000;
}
.solution-main .full-page.fg3 {
  background-color: #000;
  background-position: center bottom;
}
.solution-main .full-page.fg3 .intro {
  color: #000;
}
.solution-main .full-page.fg4 {
  background-color: #000;
  background-position: center bottom;
}
.solution-main .full-page.fg4 .f-title,
.solution-main .full-page.fg4 .intro {
  color: #fff;
  text-shadow: 0 0 20px #000;
}
.solution-main .full-page.fg4 .blank {
  padding-bottom: 40%;
}
.solution-main .full-page.fg5 .f-title {
  color: #7b7b7b;
}
.solution-main .full-page.fg5 .blank {
  padding-bottom: 40%;
}
.solution-main .full-page.fg6 .f-title {
  color: #fff;
}
.solution-main .full-page.fg6 .blank {
  padding-bottom: 40%;
}
.solution-main .full-page.fg9 .blank {
  padding-bottom: 40%;
}
@media (max-width: 1200px) {
  .solution-main .full-page .img-responsive {
    width: 60%;
    margin: 0 auto;
  }
  .solution-main .full-page .content {
    padding: 5%;
  }
  .solution-main .full-page .content:nth-child(even) {
    padding: 5%;
  }
  .solution-main .full-page .blank {
    padding-bottom: 30%;
  }
  .solution-main .full-page .f-title {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .solution-main .full-page .f-title:before {
    left: -25px;
    top: 6px;
  }
}

.about-main .page-top-wrapper {
  padding-bottom: 23.3%;
}
@media (max-width: 767px) {
  .about-main .page-top-wrapper {
    padding-bottom: 38%;
  }
}
.about-main .page-top-wrapper .wrapper-bg {
  max-height: 448px;
}
.about-main .box-triangle {
  position: absolute;
  top: -8px;
  left: 50%;
  font-size: 36px;
  margin-left: -18px;
}
.about-main .company {
  background: #f1f1f1;
}
.about-main .company .container {
  padding: 0 0 5%;
  overflow: hidden;
}
.about-main .company .company-name {
  padding: 4% 0 2%;
  font-size: 34px;
  font-weight: 300;
  color: #d5122c;
}
.about-main .company .c-intro {
  padding: 0 10% 2%;
  font-size: 16px;
}
@media (max-width: 767px) {
  .about-main .company .c-intro {
    font-size: 14px;
    padding: 0 0 5%;
    text-align: justify;
  }
}
.about-main .company .card-row {
  position: relative;
  margin-left: -2px;
  margin-right: -2px;
}
.about-main .company .card-row > .col-md-6 {
  padding: 2px;
}
.about-main .company .card {
  padding: 30px 30px 30px 190px;
  background: #ffffff;
}
.about-main .company .card .iconfont {
  position: absolute;
  left: 50px;
  top: 40px;
  font-size: 70px;
  color: #d5122c;
}
.about-main .company .card .title {
  padding-bottom: 20px;
  font-size: 24px;
  color: #d5122c;
}
.about-main .company .card .intro {
  height: 78px;
  font-size: 18px;
  color: #5e5e5e;
  line-height: 26px;
  overflow: hidden;
}
.about-main .company .card .intro span {
  flex: 1;
  display: inline-block;
  white-space: nowrap;
  padding-right: 5%;
}
@media (max-width: 767px) {
  .about-main .company .card .intro span {
    font-size: 13px;
  }
}
.about-main .company .card .line {
  position: absolute;
  left: 160px;
  top: 45px;
  width: 1px;
  height: 94px;
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .about-main .company .card .line {
    display: none;
  }
}
.about-main .company .card-center-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
  width: 100px;
  height: 100px;
  background: #fff;
  border: 6px solid #f1f1f1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.about-main .company .card-center-circle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -34px;
}
@media (max-width: 992px) {
  .about-main .company .container {
    padding: 5%;
  }
  .about-main .company .company-name {
    padding: 0 0 4%;
    font-size: 22px;
  }
  .about-main .company .card {
    padding: 20px 30px 20px 130px;
  }
}
@media (max-width: 992px) and (max-width: 767px) {
  .about-main .company .card {
    padding: 20px 30px 20px 110px;
  }
}
@media (max-width: 992px) {
  .about-main .company .card .iconfont {
    left: 35px;
    top: 40px;
    font-size: 60px;
  }
  .about-main .company .card .title {
    padding-bottom: 15px;
    font-size: 18px;
    color: #d5122c;
  }
  .about-main .company .card .intro {
    height: 60px;
    font-size: 14px;
    line-height: 20px;
  }
  .about-main .company .card .line {
    left: 130px;
    top: 45px;
    height: 94px;
  }
}
@media (max-width: 992px) and (max-width: 767px) {
  .about-main .company .card .line {
    top: 25px;
  }
}
@media (max-width: 992px) {
  .about-main .company .card-center-circle {
    display: none;
  }
}
.about-main .cintro-box {
  position: relative;
  background: url("../images/company-intro-box.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.about-main .cintro-box .container {
  padding: 5% 0;
}
.about-main .cintro-box .content {
  padding: 0 15% 5%;
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .about-main .cintro-box .content {
    font-size: 14px;
  }
}
.about-main .cintro-box .box-triangle {
  color: #f1f1f1;
}
@media (max-width: 992px) {
  .about-main .cintro-box .container {
    padding: 10% 5%;
  }
  .about-main .cintro-box .content {
    padding: 0 0 5%;
    font-size: 14px;
    line-height: 1.6;
  }
}
.about-main .authority-box {
  padding: 4% 0;
  background: #fff;
}
.about-main .authority-box .title {
  font-size: 30px;
  color: #5b5555;
}
.about-main .authority-box .title .t-intro {
  font-size: 42px;
  color: #d5122c;
}
.about-main .authority-box .intro-pic {
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .about-main .authority-box {
    padding: 10% 0;
  }
  .about-main .authority-box .title {
    font-size: 20px;
  }
}
@media (max-width: 992px) and (max-width: 767px) {
  .about-main .authority-box .title {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .about-main .authority-box .title .t-intro {
    font-size: 22px;
  }
  .about-main .authority-box .intro-pic {
    width: 70%;
  }
}
.about-main .idea-box {
  position: relative;
  padding: 4% 0;
  background: #f1f1f1;
  overflow: hidden;
}
.about-main .idea-box .title {
  padding-bottom: 20px;
  font-weight: 300;
  font-size: 34px;
  color: #2f2e2e;
}
.about-main .idea-box .intro {
  font-size: 14px;
  color: #6f6f6f;
}
.about-main .idea-box .idea-row {
  margin-top: 4%;
  margin-left: -25px;
  margin-right: -25px;
}
.about-main .idea-box .idea-row > .col-md-3 {
  padding: 0 25px;
}
.about-main .idea-box .idea {
  position: relative;
  padding: 160px 20px 40px;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.about-main .idea-box .idea .iconfont {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -56px;
  color: #d5122c;
  font-size: 80px;
}
.about-main .idea-box .idea .name {
  padding-bottom: 12px;
  font-size: 20px;
  color: #d5152e;
}
.about-main .idea-box .idea .intro {
  height: 66px;
  font-size: 14px;
  color: #737373;
  line-height: 22px;
  overflow: hidden;
}
.about-main .idea-box .box-triangle {
  color: #fff;
}
@media (max-width: 992px) {
  .about-main .idea-box {
    padding: 10% 0;
  }
  .about-main .idea-box .title {
    padding-bottom: 20px;
    font-size: 20px;
  }
  .about-main .idea-box .intro {
    font-size: 14px;
  }
  .about-main .idea-box .idea-row {
    margin-top: 8%;
  }
  .about-main .idea-box .idea {
    padding: 120px 20px 30px;
  }
  .about-main .idea-box .idea .iconfont {
    top: 30px;
    margin-left: -42px;
    font-size: 60px;
  }
  .about-main .idea-box .idea .name {
    padding-bottom: 12px;
    font-size: 18px;
  }
  .about-main .idea-box .idea .intro {
    height: auto;
    font-size: 14px;
    line-height: 20px;
  }
}
.about-main .patent-box {
  padding: 4% 0;
  background: url("../images/about-5.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.about-main .patent-box .title {
  padding-bottom: 15px;
  font-weight: 300;
  font-size: 36px;
  color: #fff;
}
.about-main .patent-box .intro {
  font-size: 28px;
  color: #f1f1f1;
}
.about-main .patent-box .patent-pic {
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .about-main .patent-box {
    padding: 10% 0;
  }
  .about-main .patent-box .title {
    padding-bottom: 15px;
    font-size: 20px;
  }
  .about-main .patent-box .intro {
    font-size: 18px;
  }
  .about-main .patent-box .patent-pic {
    width: 60%;
    margin: 0 auto;
  }
}
.about-main .partner-box {
  padding: 3% 0 5%;
  background: #6a6a6a;
}
.about-main .partner-box .title {
  font-weight: 300;
  font-size: 30px;
  color: #fff;
}
@media (max-width: 992px) {
  .about-main .partner-box {
    padding: 10% 0;
  }
  .about-main .partner-box .title {
    font-size: 20px;
    color: #fff;
  }
}

.product-main .page-top-wrapper {
  padding-bottom: 36.6%;
}
@media (max-width: 767px) {
  .product-main .page-top-wrapper {
    padding-bottom: 110%;
  }
}
.product-main .page-top-wrapper .wrapper-bg {
  max-height: 700px;
}
.product-main .page-top-wrapper .content {
  padding-top: 12%;
}
.product-main .product-intro-box {
  position: relative;
  background: #f5f5f5;
}
.product-main .product-intro-box .item-pic {
  width: 85%;
  margin: 0 auto;
}
.product-main .product-intro-box .title {
  padding-top: 3%;
  text-align: center;
  font-size: 34px;
  color: #d5122c;
}
@media (max-width: 767px) {
  .product-main .product-intro-box .title {
    font-size: 25px;
  }
}
.product-main .product-box {
  position: relative;
  padding: 3% 0 4%;
  background: #fff;
  overflow: hidden;
}
.product-main .product-box .p-title {
  padding-bottom: 3%;
  text-align: center;
  font-size: 34px;
  color: #d5122c;
}
@media (max-width: 767px) {
  .product-main .product-box .p-title {
    font-size: 25px;
  }
}
.product-main .product-box .product-row {
  margin-left: -45px;
  margin-right: -45px;
}
.product-main .product-box .product-row > .col-md-4 {
  padding: 0 45px 0;
}
.product-main .product-box .product-pic {
  width: 80%;
}
.product-main .product-box .item {
  position: relative;
}
.product-main .product-box .title {
  position: relative;
  font-size: 22px;
  color: #2f2e2e;
  line-height: 1;
}
.product-main .product-box .title .num {
  font-size: 100px;
  color: #d5122c;
}
.product-main .product-box .round-line {
  position: absolute;
  left: 105%;
  bottom: 15px;
  width: 240%;
  padding-bottom: 40%;
  background: url("../images/round-line.png") no-repeat;
  background-size: 100% 100%;
}
.product-main .product-box .right-line {
  position: absolute;
  right: 0;
  top: 30px;
  width: 2px;
  height: 130px;
  background: url("../images/product-line.png") 0 repeat-y;
}
.product-main .product-box .intro {
  margin: 35px 0;
  font-size: 14px;
  color: #626262;
}
.product-main .product-box .intro-list {
  font-size: 14px;
  color: #999;
  line-height: 24px;
}
.product-main .product-box .intro-list li:before {
  position: relative;
  top: -2px;
  display: inline-block;
  content: '';
  width: 4px;
  height: 4px;
  margin-right: 15px;
  background: #d5122c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 992px) {
  .product-main .product-box {
    padding: 8% 0;
  }
  .product-main .product-box .product-pic {
    width: 80%;
    margin: 0 auto;
  }
  .product-main .product-box .title {
    text-align: center;
    font-size: 18px;
  }
  .product-main .product-box .title .num {
    font-size: 50px;
  }
  .product-main .product-box .round-line,
  .product-main .product-box .right-line {
    display: none;
  }
  .product-main .product-box .intro {
    margin: 15px 0;
  }
}
.product-main .map-box {
  position: relative;
  background: #fff;
}
.product-main .map-box .container {
  padding-bottom: 5%;
}
.product-main .map-box .title {
  padding: 5% 0;
  width: 100%;
  text-align: center;
  font-size: 34px;
  color: #d5122c;
}
@media (max-width: 767px) {
  .product-main .map-box .title {
    font-size: 25px;
  }
}
.product-main .map-box .map-pic {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .product-main .map-box .map-pic {
    width: 90%;
  }
}
.product-main .install-box {
  position: relative;
  padding: 4% 0;
  background: #efefef;
}
.product-main .install-box .title {
  font-size: 34px;
  color: #d5122c;
}
.product-main .install-box .intro {
  padding: 0 15% 2%;
  font-size: 14px;
  color: #626262;
}
.product-main .install-box .install-row {
  margin-left: -42px;
  margin-right: -42px;
  padding-bottom: 5%;
}
.product-main .install-box .install-row .item {
  position: relative;
  padding-top: 140px;
  padding-left: 42px;
  padding-right: 42px;
}
.product-main .install-box .install-row .item:last-child .right-line {
  display: none;
}
.product-main .install-box .install-row .right-line {
  position: absolute;
  right: 0;
  top: 40px;
  width: 1px;
  height: 150px;
  background: #d8d8d8;
}
.product-main .install-box .install-row .iconfont {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 80px;
  margin-left: -40px;
  color: #d5122c;
}
.product-main .install-box .install-row .i-intro {
  font-size: 14px;
  color: #626262;
  line-height: 22px;
}
.product-main .install-box .install-pic {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .product-main .install-box {
    padding: 8% 0;
  }
  .product-main .install-box .title {
    font-size: 20px;
  }
  .product-main .install-box .intro {
    padding: 0 0 2%;
    font-size: 14px;
    color: #626262;
  }
  .product-main .install-box .install-row .item {
    padding-top: 100px;
  }
  .product-main .install-box .install-row .right-line {
    display: none;
  }
  .product-main .install-box .install-row .iconfont {
    top: 20px;
    font-size: 60px;
    margin-left: -30px;
  }
  .product-main .install-box .install-row .i-intro {
    font-size: 14px;
    color: #626262;
    line-height: 22px;
  }
}

.service-box {
  padding: 3% 0 4%;
  background: url("../images/solution-6.jpg") 0 bottom no-repeat;
  overflow: hidden;
}
.service-box .title {
  font-size: 34px;
  color: #d5122c;
}
.service-box .intro {
  padding-bottom: 5%;
  font-size: 16px;
  color: #707070;
}
@media (max-width: 767px) {
  .service-box .intro {
    font-size: 14px;
  }
}
.service-box .service-pic {
  width: 40%;
  margin: 0 auto;
}
.service-box .service-row {
  margin-left: -25px;
  margin-right: -25px;
}
.service-box .service-row > .col-md-3 {
  padding-left: 25px;
  padding-right: 25px;
}
.service-box .service-row .item {
  padding-top: 30px;
  min-height: 280px;
  border-bottom: 1px solid #f1f1f1;
}
.service-box .service-row .iconfont {
  font-size: 54px;
  color: #d5122c;
}
.service-box .service-row .name {
  padding: 10px 0 20px;
  font-size: 20px;
  color: #d5122c;
}
.service-box .service-row .i-intro {
  font-size: 14px;
  color: #555555;
  text-align: left;
}
@media (max-width: 992px) {
  .service-box {
    padding: 8% 0;
  }
  .service-box .title {
    font-size: 20px;
  }
  .service-box .intro {
    padding-bottom: 10%;
    font-size: 14px;
  }
  .service-box .service-pic {
    width: 60%;
    margin: 0 auto;
  }
}

.solution2-main .structure-box {
  padding: 4% 0;
  background: #fff;
}
.solution2-main .structure-box .title {
  padding-bottom: 4%;
  font-weight: 300;
  font-size: 34px;
  color: #454545;
}
.solution2-main .structure-box .struc-pic {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .solution2-main .structure-box {
    padding: 10% 0;
  }
  .solution2-main .structure-box .title {
    padding-bottom: 4%;
    font-size: 20px;
  }
}
.solution2-main .function-box {
  padding: 4% 0;
  background: url("../images/solution2-6.jpg") 0 0 no-repeat #cbcbcb;
}
.solution2-main .function-box .title {
  position: relative;
  font-weight: 300;
  font-size: 34px;
  color: #d5122c;
  padding-bottom: 20px;
}
.solution2-main .function-box .title:before {
  position: absolute;
  left: -40px;
  top: 20px;
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background: #fe6b7e;
  border: 2px solid #d5122c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .solution2-main .function-box .title {
    font-size: 22px;
  }
}
.solution2-main .function-box .content-wrapper .item {
  display: none;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .solution2-main .function-box .content-wrapper .item {
    padding-bottom: 10px;
  }
}
.solution2-main .function-box .content-wrapper .item.active {
  display: block;
}
.solution2-main .function-box .intro {
  height: 95px;
  font-size: 16px;
  color: #2c2c2c;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .solution2-main .function-box .intro {
    color: #FFF;
    text-shadow: 0 0 10px #000;
  }
}
@media (max-width: 1280px) {
  .solution2-main .function-box .intro {
    color: #FFF;
    text-shadow: 0 0 10px #000;
  }
}
@media (max-width: 767px) {
  .solution2-main .function-box .intro {
    font-size: 14px;
    color: #FFF;
    text-shadow: 0 0 10px #000;
    overflow: hidden;
  }
}
.solution2-main .function-box .controls-box {
  background: url("../images/solution2-7.png") no-repeat;
  background-size: 100% 100%;
}
.solution2-main .function-box .controls-box .c-item {
  cursor: pointer;
  position: relative;
  padding-bottom: 22%;
}
.solution2-main .function-box .controls-box .c-item .icon {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -50px;
}
.solution2-main .function-box .controls-box .c-item .icon1 {
  display: inline-block;
}
.solution2-main .function-box .controls-box .c-item .icon2 {
  display: none;
}
.solution2-main .function-box .controls-box .c-item .name {
  position: absolute;
  width: 100%;
  top: 72%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}
@media (max-width: 767px) {
  .solution2-main .function-box .controls-box .c-item .name {
    top: 65%;
  }
}
.solution2-main .function-box .controls-box .c-item.active .name {
  color: #d5122c;
}
.solution2-main .function-box .controls-box .c-item.active .icon2 {
  display: inline-block;
}
.solution2-main .function-box .controls-box .c-item.active .icon1 {
  display: none;
}
@media (max-width: 767px) {
  .solution2-main .function-box .controls-box .c-item {
    padding-bottom: 55%;
  }
}
.solution2-main .function-box .pic-w {
  float: right;
  position: relative;
  width: 80%;
}
.solution2-main .function-box .iphone {
  z-index: 2;
  position: absolute;
  width: 80%;
  padding-bottom: 138%;
  background: url("../images/iPhone.png") no-repeat;
  background-size: 100% 100%;
}
.solution2-main .function-box .iphone .ip-img {
  display: none;
  position: absolute;
  left: 14.2%;
  top: 11.5%;
  width: 68.4%;
  height: 70.2%;
}
.solution2-main .function-box .iphone .ip-img.active {
  display: block;
}
@media (max-width: 767px) {
  .solution2-main .function-box .iphone {
    display: none;
  }
}
.solution2-main .feature-box {
  padding: 4% 0;
  background: url("../images/solution2-2.jpg") no-repeat;
  background-size: 100% 100%;
}
.solution2-main .feature-box .feature-row {
  margin-left: -6px;
  margin-right: -6px;
}
.solution2-main .feature-box .feature-row > .col-md-3 {
  padding: 6px;
}
.solution2-main .feature-box .item {
  position: relative;
  padding: 60px 30px 0;
  background: #fff;
  min-height: 340px;
  -webkit-box-shadow: 0 0 10px #e7e9ee;
  box-shadow: 0 0 10px #e7e9ee;
}
.solution2-main .feature-box .item .icon {
  margin-bottom: 12px;
}
.solution2-main .feature-box .item .name {
  padding-bottom: 20px;
  font-size: 22px;
  color: #2e2e2e;
  line-height: 24px;
}
.solution2-main .feature-box .item .intro {
  font-size: 12px;
  color: #999;
}
@media (max-width: 992px) {
  .solution2-main .feature-box {
    padding: 10% 0;
  }
  .solution2-main .feature-box .item {
    padding: 0 20px 30px;
    min-height: 0;
  }
  .solution2-main .feature-box .item .icon {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  .solution2-main .feature-box .item .name {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
  }
}
.solution2-main .fg2-0 .f-title,
.solution2-main .fg2-0 .intro {
  color: #fff;
  text-shadow: 0 0 10px #000;
}
.solution2-main .fg2-2 .f-title,
.solution2-main .fg2-2 .intro {
  color: #000000;
}
.solution2-main .fg2-1 .f-title {
  color: #fff;
  text-shadow: #000 1px 1px 10px;
}
.solution2-main .fg2-4 .f-title {
  color: #fff;
}
@media (max-width: 992px) {
  .solution2-main .fg8 {
    background: url("../images/solution2-5.jpg") right bottom no-repeat #181818;
    background-size: 100% auto;
  }
  .solution2-main .fg8 .blank {
    padding-bottom: 40%;
  }
}
.solution2-main .office-box {
  padding: 4% 0;
  background: url("../images/solution2-9.jpg") no-repeat;
  background-size: 100% 100%;
}
.solution2-main .office-box .title {
  font-size: 34px;
  font-weight: 300;
  color: #fff;
}
.solution2-main .office-box .intro {
  padding-bottom: 4%;
  font-size: 14px;
  color: #cacaca;
}
.solution2-main .office-box .office-pic {
  width: 90%;
  margin: 0 auto;
}
.solution2-main .process-box {
  padding: 4% 0 6%;
  background: url("../images/solution2-11.jpg") no-repeat;
  background-size: 100% 100%;
}
.solution2-main .process-box .title {
  padding-bottom: 3%;
  font-size: 34px;
  font-weight: 300;
  color: #d5122c;
}
@media (max-width: 767px) {
  .solution2-main .process-box .title {
    font-size: 25px;
  }
}
.solution2-main .process-box .intro {
  padding: 0 10% 4%;
  font-size: 14px;
  color: #767676;
}
@media (max-width: 767px) {
  .solution2-main .process-box .intro {
    padding: 4% 0 10%;
  }
}
.solution2-main .process-box .item .circle {
  position: relative;
  width: 145px;
  height: 145px;
  line-height: 145px;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.solution2-main .process-box .item .circle .iconfont {
  color: #d5122c;
  font-size: 60px;
}
@media (max-width: 767px) {
  .solution2-main .process-box .item .circle {
    width: 125px;
    height: 125px;
    line-height: 125px;
  }
}
.solution2-main .process-box .item .num {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #d5122c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.solution2-main .process-box .item .name {
  padding: 30px 0;
  font-size: 18px;
  color: #4a4a4a;
}

.main .page-top-wrapper {
  padding-bottom: 17%;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .main .page-top-wrapper {
    padding-bottom: 85%;
  }
}
.main .page-top-wrapper .container {
  padding: 8% 0 5%;
}
.main .page-top-wrapper .content {
  position: relative;
  padding: 0 12% 0 320px;
  text-align: left;
}
.main .page-top-wrapper .title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 56px;
}
.main .page-top-wrapper .intro {
  font-size: 14px;
}
.main .page-top-wrapper .right-line {
  position: absolute;
  left: 270px;
  top: 5px;
  width: 1px;
  height: 68px;
  background: #fff;
}
@media (max-width: 992px) {
  .main .page-top-wrapper .container {
    padding: 8% 0;
  }
  .main .page-top-wrapper .content {
    position: relative;
    padding: 0 5%;
    text-align: center;
  }
  .main .page-top-wrapper .title {
    position: static;
    font-size: 36px;
    padding-bottom: 20px;
  }
  .main .page-top-wrapper .right-line {
    display: none;
  }
}
@media (max-width: 767px) {
  .main .page-top-wrapper .title {
    font-size: 20px;
    padding-bottom: 12px;
  }
}
.main .news-row {
  padding: 4% 0 0;
  margin-left: -30px;
  margin-right: -30px;
  border-bottom: 1px solid #dbdbdb;
}
.main .news-row > div {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 992px) {
  .main .news-row {
    padding-bottom: 4%;
  }
}
.main .news-box .container {
  overflow: hidden;
}
.main .news-title {
  padding: 13px 0 35px;
  color:#797979;  
  border-bottom:1px dotted #cdcdcd;
}
.main .news-title h1 {
  font-weight: normal;
  font-size: 30px;
  color: #0651a4;
  line-height:1.2;
  padding-bottom: 15px;
}


@media (max-width: 767px) {
  .main .news-title {
    padding-top: 4%;
    padding-bottom: 0;
  }
}

.main .top-line {
  padding: 35px 0;
  font-size: 14px;
  color: #5e5e5e;
  border-bottom: 1px solid #f0f0f0;
}
.main .top-line .source {
  float: left;
}
.main .top-line .source span {
  color: #d5122c;
}
.main .top-line .right-box {
  float: right;
}
.main .top-line .right-box .time {
  float: left;
}
.main .top-line .right-box .num {
  padding-left: 30px;
  float: right;
}
.main .top-line .right-box .num .iconfont {
  color: #bdbdbd;
}
.main .news-body {
  padding: 35px 0;
  line-height:1.8;
  font-size:14px;
  color:#7f7f7f;
}
.main .news-body img {
  max-width: 100%;
  margin-bottom: 40px;
}
.main .news-body h4, .main .news-body p {
  margin-bottom: 20px;
}
.main .news-body .pic { float:left; margin:5px 50px 20px 0;}

@media (max-width: 992px) {
  .main .news-title {
    padding-bottom: 10px;
    font-size: 20px;
  }
  .main .top-line {
    padding: 20px 0;
  }
  .main .top-line .right-box .num {
    padding-left: 20px;
  }
  .main .news-body {
    padding: 30px 0 40px;
  }
  .main .news-body .pic { float: none; margin:0;}
}
@media (max-width: 992px) and (max-width: 767px) {
  .main .news-body {
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  .main .news-body img,
  .main .news-body p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .main .top-line .source {
    float: none;
    padding-bottom: 5px;
  }
  .main .top-line .right-box {
    float: none;
  }
  .main .top-line .right-box .time {
    float: left;
  }
  .main .top-line .right-box .num {
    float: left;
    padding-left: 20px;
  }
  .main .top-line .news-body {
    padding: 30px 0;
  }
}
.main .news-page { 
  padding:25px 0;
  line-height: 40px;
  color: #7f7f7f;
  border-top:1px dotted #cdcdcd;
  border-bottom:1px solid #cdcdcd;
}
.main .news-page .prev {
  text-align: left;
}
.main .news-page .next {
  text-align: right;
}
.main .news-page .prev,
.main .news-page .next {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .news-page .prev a,
.main .news-page .next a {
  color: #7f7f7f;
}
.main .news-page .prev:hover a,
.main .news-page .next:hover a {
  color: #0651a4;
}
@media (max-width: 767px) {
  .main .news-page {
    padding-bottom: 20px;
    line-height: 40px;
  }
  .main .news-page .prev,
  .main .news-page .next {
    width: 100%;
    text-align: left;
  }
  .currentPath { font-size:12px;}
  .currentPath .song { padding: 0;}
}

.main .news-other .title { 
  padding:35px 0 20px;
  font-weight: 500;
  color: #1f63ad;
  font-size: 16px;
}
.main .news-other .news-list { border:none;}
.main .news-other .news-list li { 
  line-height:30px;
  font-size: 14px;
  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.main .news-other .news-list li .time {
  display:inline-block; width:110px;
}
.main .news-other .news-list li a { color:#7f7f7f;}
.main .news-other .news-list li a:hover {
  color: #0651a4;
}
.main .news-other .news-list .item .bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: url("../images/news-line.png") 0 0 repeat-x;
}
@media (max-width: 992px) {
  .main .news-other {
    
  }
  .main .news-other .head-box {
    line-height: 60px;
  }
  .main .news-other .head-box .title {
    font-size: 20px;
  }
  .main .news-other .head-box .title .iconfont {
    font-size: 26px;
  }
  .main .news-other .head-box .more {
    top: 3px;
  }
  .main .news-other .news-list .item {
    padding: 20px 0;
  }
}

.contact-main .map-wrapper {
  position: relative;
}
.contact-main .map-wrapper .card {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  height: 0px;
}
@media (max-width: 767px) {
  .contact-main .map-wrapper .card {
    position: relative;
    height: auto;
  }
}
.contact-main .info-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  padding: 40px 40px 80px;
  background: #fff;
}
@media (max-width: 767px) {
  .contact-main .info-card {
    position: relative;
    padding: 20px;
  }
}
.contact-main .info-card .title {
  color: #d5122c;
  font-size: 26px;
  line-height: 30px;
}
.contact-main .info-card .line {
  margin: 30px 0;
  width: 30px;
  height: 1px;
  background: #bbb;
}
.contact-main .info-card .item {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}
.contact-main .info-card .item .iconfont {
  position: absolute;
  top: -3px;
  left: 0;
  color: #d5122c;
  font-size: 20px;
}
.contact-main .info-card .item a:hover {
  color: #d5122c;
}
.contact-main .contact-box .container {
  padding: 4% 0;
}
.contact-main .contact-box .row {
  margin-left: -40px;
  margin-right: -40px;
}
.contact-main .contact-box .row > .col-md-4 {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
}
.contact-main .contact-box .item {
  position: relative;
  padding-left: 30%;
  margin-left: 10%;
}
.contact-main .contact-box .item .iconfont {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 80px;
  color: #d5122c;
  line-height: 1;
}
.contact-main .contact-box .item .title {
  padding-bottom: 12px;
  font-size: 20px;
  color: #282828;
}
.contact-main .contact-box .item .line {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 80px;
  background: #dfdfdf;
}
.contact-main .contact-box .item .p-intro {
  font-size: 14px;
  color: #707070;
}
.contact-main .contact-box .item a {
  color: #707070;
}
.contact-main .contact-box .item a:hover {
  color: #d5122c;
}

.solution3-main .graphic-box .intro {
  padding-bottom: 4%;
  font-size: 14px;
  color: #999;
}
.solution3-main .f-box .item .f-title {
  font-size: 18px;
  color: #5e5e5e;
}
.solution3-main .f-box .item .f-intro {
  font-size: 12px;
  color: #999;
  padding-bottom: 4%;
}
.solution3-main .f-box .item .line {
  top: 30px;
}
.solution3-main .f-box .circle {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 15px;
  border: 2px solid #d5122c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.solution3-main .count-box {
  background: url("../images/solution3-2.jpg") center center no-repeat;
  background-size: cover;
}
.solution3-main .count-box .container {
  padding: 3% 0 5%;
}
.solution3-main .count-box .title {
  padding: 20px 0;
  font-size: 28px;
  color: #fff;
}
@media (max-width: 767px) {
  .solution3-main .count-box .title {
    font-size: 18px;
    padding-left: 10px;
  }
}
.solution3-main .count-box .count-list .item {
  cursor: pointer;
  position: relative;
  height: 50px;
  line-height: 50px;
  width: 260px;
  padding-left: 40px;
  font-size: 18px;
  color: #fff;
  border-bottom: 1px solid #9b8d8b;
}
@media (max-width: 767px) {
  .solution3-main .count-box .count-list .item {
    width: 50%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
}
.solution3-main .count-box .count-list .item.prev {
  border-bottom: 1px solid #d5122c;
}
.solution3-main .count-box .count-list .item.active {
  background: #d5122c;
  border-bottom: 1px solid #d5122c;
}
.solution3-main .count-box .count-list .item.active:after {
  content: '';
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-left-color: #d5122c;
  position: absolute;
  left: 100%;
  top: 0;
}
@media (max-width: 767px) {
  .solution3-main .count-box .count-list .item.active:after {
    border-width: 20px;
  }
}
.solution3-main .count-box .pic-w {
  position: relative;
  width: 60%;
}
.solution3-main .count-box .iphone {
  z-index: 2;
  position: absolute;
  width: 100%;
  padding-bottom: 171%;
  background: url("../images/iPhone.png") no-repeat;
  background-size: 100% 100%;
}
.solution3-main .count-box .iphone .ip-img {
  display: none;
  position: absolute;
  left: 15%;
  top: 11.5%;
  width: 67%;
  height: 70.2%;
}
.solution3-main .count-box .iphone .ip-img.active {
  display: block;
}
@media (max-width: 767px) {
  .solution3-main .iphone-box {
    position: absolute;
    width: 100%;
    left: 45%;
    top: 5%;
  }
}
.solution3-main .cards-box {
  background: #f0f0f0;
  overflow: hidden;
}
.solution3-main .cards-box .container {
  padding: 4% 0;
}
.solution3-main .cards-box .row {
  margin-left: -14px;
  margin-right: -14px;
}
.solution3-main .cards-box .row > .col-md-4 {
  padding: 14px;
}
.solution3-main .cards-box .card {
  padding: 35px;
  background: #fff;
  text-align: center;
}
.solution3-main .cards-box .card .title {
  padding-bottom: 5px;
  font-size: 18px;
  color: #2e2e2e;
}
.solution3-main .cards-box .card .intro {
  font-size: 12px;
  color: #999999;
  line-height: 18px;
  height: 54px;
  overflow: hidden;
}
.solution3-main .patch-box {
  color: #fff;
  background-size: cover;
}
.solution3-main .patch-box .container {
  padding: 10% 0 15%;
}
@media (max-width: 767px) {
  .solution3-main .patch-box .container {
    padding: 10%;
  }
}
.solution3-main .patch-box .title {
  font-size: 30px;
}
.solution3-main .patch-box .line {
  margin: 25px 0;
  width: 40px;
  height: 1px;
  background: #bbb;
}
.solution3-main .patch-box .intro {
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .solution3-main .patch-box .intro {
    font-size: 14px;
    text-shadow: 0 0 10px #000;
  }
}

.business-main .build-box {
  position: relative;
  height: 0;
  padding-bottom: 41%;
  color: #151515;
}
@media (max-width: 767px) {
  .business-main .build-box {
    padding-bottom: 110%;
  }
}
.business-main .build-box .container {
  padding-top: 3%;
}
.business-main .build-box .title {
  padding-bottom: 15px;
  font-size: 34px;
}
.business-main .build-box .intro {
  font-size: 16px;
}
@media (max-width: 767px) {
  .business-main .build-box .intro {
    font-size: 14px;
  }
}
.business-main .service-box {
  background: url("../images/business-4.jpg") center bottom no-repeat #fff;
}
.business-main .service-box .title {
  padding-bottom: 15px;
  color: #020202;
}
.business-main .contact-box {
  background: #fff;
}
.business-main .contact-box .container {
  padding: 3% 0 5%;
}
.business-main .contact-box .title {
  font-size: 34px;
  color: #020202;
  text-align: center;
  padding-bottom: 3%;
}
.business-main .contact-box .row {
  margin-left: -40px;
  margin-right: -40px;
}
.business-main .contact-box .row > .col-md-4 {
  padding: 0 5%;
  position: relative;
}
.business-main .contact-box .row > .col-md-4:not(:last-child):after {
  content: "";
  position: absolute;
  height: 75px;
  border-right: 1px solid #ccc;
  top: 0;
  right: 0;
}
.business-main .contact-box .item {
  position: relative;
  text-align: center;
}
.business-main .contact-box .item .item-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 134px;
  height: 134px;
}
.business-main .contact-box .item .p-intro {
  font-size: 18px;
  color: #707070;
}
.business-main .contact-box .item a:hover {
  color: #d5122c;
}
.business-main .contact-box .item.phone span {
  font-size: 25px;
  line-height: 2;
}
.business-main .contact-box .item.mail a {
  color: #707070;
  font-size: 20px;
}
.business-main .contact-box .item.mail a:hover {
  color: #d5122c;
}
.business-main .contact-box .line {
  position: absolute;
  right: 0;
  top: 50px;
  width: 1px;
  height: 60px;
  background: #f0f0f0;
}
@media (max-width: 767px) {
  .business-main .contact-box .item {
    padding-left: 0;
    text-align: center;
  }
  .business-main .contact-box .item .item-pic {
    position: relative;
  }
  .business-main .contact-box .item .p-intro {
    padding: 5% 10%;
  }
  .business-main .contact-box .item .p-intro a {
    display: block;
  }
}

@media (max-width: 767px) {
  .infos .col-xs-6 {
    margin-top: 8%;
    text-align: left;
    padding-left: 6%;
  }

  .footer .nav-row .t-left dd {
    padding-left: 0;
  }
  .footer .nav-row dt:after {
    display: none;
  }
}
.case-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-color: #000;
}

@media (max-width: 992px) {
  . {
    position: relative;
  }
  .:after {
    content: "";
    position: absolute;
    top: 35%;
    right: 35%;
    padding: 3px;
    border: 1px solid #ccc;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
  }
}

/*# sourceMappingURL=style.css.map */